<template>
    <div class="early-warning">
        <h3>基本信息</h3>
        <ul class="early-warning-info">
            <li>干线司机：张三    18711111111</li>
            <li>中转目的地：   3连至5连</li>
            <li>完成接管时间：2018-09-19 11:55:09</li>
            <li>已用时：56min</li>
            <li>限定用时：40min</li>
            <li>中转快件：7件</li>
        </ul>
        <h3>快件列表</h3>
        <ul class="early-warning-info">
            <li style="padding: 0;">
                <el-table
                        border
                        :data="expressData"
                        style="width: 100%">
                    <el-table-column
                            align="center"
                            prop="dd_code"
                            label="叮咚码">
                    </el-table-column>
                    <el-table-column
                            align="center"
                            prop="sender"
                            label="发件人">
                    </el-table-column>
                    <el-table-column
                            align="center"
                            prop="arrive_time"
                            label="预定送达时间">
                    </el-table-column>
                </el-table>
            </li>
        </ul>

    </div>
</template>

<script>
    export default {
        name: "EarlyWarningDetails",
        data() {
            return {
                expressData: [{
                    dd_code: 'dd5555555',
                    sender: '王小虎',
                    arrive_time: '2016-05-02 09:00'
                },{
                    dd_code: 'dd5555555',
                    sender: '王小虎',
                    arrive_time: '2016-05-02 09:00'
                },{
                    dd_code: 'dd5555555',
                    sender: '王小虎',
                    arrive_time: '2016-05-02 09:00'
                },{
                    dd_code: 'dd5555555',
                    sender: '王小虎',
                    arrive_time: '2016-05-02 09:00'
                }]
            }
        }
    }
</script>

<style scoped lang="less">
    .early-warning{
        h3{
            color: #000;
            padding-top: 30px;
        }
        h3:nth-child(1){
            padding-top: 0px;
        }
        .early-warning-info{

            padding: 10px 20px;
            li{
                background-color: #eee;
                line-height: 20px;
                padding: 6px 10px;
            }
        }
    }

</style>
